<template>
	<view class="u-p-30">
		<view class="bg-white radius20">
			<view class="u-flex u-p-20" @click="$u.route('/pages/subpage/profile/index',{id:info.serve_info.uid})">
				<view class="avatar">
					<u-avatar :src="info.serve_info.avatar" show-level :level-bg-color="$appConfig.mainColor"
						size="80"></u-avatar>
				</view>
				<view class="u-flex-1 font-medium u-font-28">{{info.serve_info.name}}</view>
			</view>
			<u-line color="#F6F6F6" margin="0 30rpx 0 0"></u-line>
			<view class="u-p-30 u-font-30">
				<view class="title-dot u-font-30 font-medium u-m-b-35">{{info.demand_info.title}}</view>
				<view class="u-flex u-row-between">
					<text class="u-light-color">服务价格</text>
					<view class="u-type-error">￥<text class="u-font-30">{{info.serve_info.price}}</text></view>
				</view>
				<u-line color="#F6F6F6" margin="30rpx 0"></u-line>
				<view class="u-flex">
					<view class="u-light-color u-m-r-30">服务地址</view>
					<view class="u-flex-1 align-right font-medium">{{info.demand_info.address}}</view>
				</view>
				<u-line color="#F6F6F6" margin="30rpx 0"></u-line>
				<view class="u-flex">
					<view class="u-light-color u-m-r-30">服务时间</view>
					<view class="u-flex-1 align-right font-medium">{{info.demand_info.serve_time}}</view>
				</view>
				<u-line color="#F6F6F6" margin="30rpx 0"></u-line>
				<view class="">
					<view class="u-light-color u-m-b-30">服务内容</view>
					<view class="font-medium"><text>{{info.serve_info.description}}</text></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		props: {
			info: {
				type: Object,
				default: () => ({})
			},
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.avatar {
		transform: scale(0.8);
	}
</style>